<body>
    actualizar remolque

    <table align="center">
        <tr>
            <td>
                Placa Remolque
            </td>
            <td>
                <input name="placa_grua" id="placa_grua"/>
            </td>
        </tr>
        <tr>
            <td>
                Empresa
            </td>								
            <td>
                <input name="empresa" id="empresa"/>
            </td>
        </tr>
        <tr>
            <td>
                estacionamiento
            </td>								
            <td>
                <input name="estacionamiento" id="estacionamiento"/>
            </td>
        </tr>

        <tr>
            <td>
                fecha de remolque
            </td>								
            <td>
                <input name="fecha" id="fecha"/>
            </td>
        </tr>
        <tr>
            <td>
                hora
            </td>								
            <td>
                <input name="hora" id="hora"/>
            </td>
        </tr>

    </table>
    <table align="center">
        <tr>
            <td>
                <p>
                    <span class="art-button-wrapper">
                        <span class="art-button-l"> </span>
                        <span class="art-button-r"> </span>
                        <a style="cursor: pointer;" class="art-button" href="javascript:guardar()">Guardar</a>
                    </span>
                </p>
            </td>
            <td>
                <p>
                    <span class="art-button-wrapper">
                        <span class="art-button-l"> </span>
                        <span class="art-button-r"> </span>
                        <a class="art-button" style="cursor: pointer;" href="javascript:limpiar()">Limpiar</a>
                    </span>
                </p>
            </td>
        </tr>
    </table>
    <div id="respuesta"></div> 

    <script>
        
        function guardar(){
            console.log(">>>" + $("#placa_grua").get(0).value);
            var params = {placa_grua: $("#placa_grua").get(0).value,
                empresa: $("#empresa").get(0).value,
                estacionamiento: $("#estacionamiento").get(0).value,
                fecha: $("#fecha").get(0).value,
                hora: $("#hora").get(0).value,
                accion: "actualizar"
            }
            $("#respuesta").load("../controladores/RemolqueControlador.php", params, function(){	
                
                console.log("recibidos los datos por ajax");
            });
        }
        
         $("#fecha" ).datepicker({
            showOn: "button",
            buttonImage: "../images/calendar.gif",
            buttonImageOnly: true,
            changeMonth: true,
            changeYear: true
        });
        
        
    </script>    
</body>

